Top 10 Impressive CSS Slideshow Gallery Roundup

1. ZoomFlow - Banner Rotator / Teaser

featured image

HTML5 technology - this gallery uses the latest html5 tehniques to deliver a never seen before experience to your clients

CSS3 technology - this gallery uses cutting-edge css3 definitions to render awesome 3D effects in supporting browsers, the others will degrade gracefully

slideshow mode – display images in a slideshow

iPod, iPhone, iPad, Android optimized – iOS and Android work great with this gallery

More Details

2. WOW Slider

WOW Slider

WOW Slider is a fantastic responsive image slider with

killer animations and tons of professionally made templates. NO Coding - WOW Slider is packed with a drag-n-drop wizard to create beautiful slideshows in a matter of seconds without coding and image editing. Wordpress plugin and Joomla module are available.

Also, you can share your slider on Facebook.

More Details

3. Strapslide - Responsive Bootstrap Slider Plugin

featured image

Powerful CSS Transitions with jQuery FallBack

Slideshow Design

More Details

4. OneSlider - Interactive Responsive Slider

featured image

OneSlider is a Responsive Slider jQuery plugin that is not only used to show your banners or JavaScript image gallery but also allow to CSS add content for each slide.Navion – Metro Navigation Menu Accordion Switcher CSS

TileBox – Modern Responsive LightBox CSS

Tabion – Metro Tab Accordion Switcher CSS

Metro Navigation Bar CSS

More Details

5. jQuery Content Scroller DZS

featured image

It can be a HTML slider jQuery scroller, a jQuery banner rotator or even a jQuery slider image due to the fact that it support inline content and it includes two viewing modes.iPhone / iPad optimized – this gallery has been optimized for Apple touch devices

developer / css powered skins – the slider image gallery CSS is divided into two parts – functional and estethic so it’s very easy to make your own skin

developer / SASS powered – this component’s CSS has been built on top of SASS which means SASS users will have an easy time modifying the skins. For non-SASS users it’s no problem either because CSS files ( generated by SASS ) are provided

added slideshow mode

free updates – even if the value of this gallery increases with upcoming updates, you will get them for free

More Details

6. Responsive Slideshow Photo Gallery Grid

featured image

The Responsive Slideshow Photo Gallery has a fluid / flexible / responsive layout. The Responsive Slideshow Photo Gallery is using the GPU (hardware acceleration) using HTML5 standards. Flexible / Fluid layout: you can control the size of the grid with CSS or JavaScript, basically it has an adaptable layout which makes it the perfect candidate for any type of project. Thumbnail’s description: each thumb can have a short description with a transparent background under it and this description is visible when the mouse is over a thumbnail, the text can be formatted with CSS, the background color and opacity also can be modified (optional). Slideshow button (optional). Slideshow delay, the delay of the slideshow can be set in seconds. Slideshow autoplay. Slideshow custom animated graphics. Info button and info window: each lighbox item can have a description, the text and window appearance can be formatted with CSS (optional).

More Details

7. Responsive Gridfolio

featured image

The gallery can have any number of images and each image can be of any size, but proportional to a base thumb width and height. Responsive / Flexible / Fluid layout: you can control the size of the grid with CSS or JavaScript, basically it has an adaptable layout which makes it the perfect candidate for any type of project. Thumbnail’s description or thumbnails media icons: each thumb can have a short description with a transparent background under it or a media icon which represents a link, video or image, this are visible when the mouse is over a thumbnail, the text can be formatted with CSS, the jQuery background slideshow and opacity also can be modified (optional). Slideshow button (optional). Slideshow delay, the delay of the slideshow can be set in seconds. Slideshow autoplay. Slideshow custom animated graphics. Info button and info window: each lighbox item can have a description, the text and window appearance can be formatted with CSS (optional).

More Details

8. jQuery Fullscreen Scroll Gallery

featured image

A range slider jQuery plugin help you to display fullscreen images with jQuery auto slideshow slideshow support. Auto delay slideshow.

More Details

9. Ultimate Grid Responsive Gallery

featured image

Ultimate Grid Responsive Gallery

This is a HTML | CSS | JQuery Grid with a Lightbox, you can specify thumbnails for the grid and when you click on it to open the lightbox it will load the normal image, you can specify the text for the captions and for the lightbox. Lightbox with slideshow (play, pause, auto-play)

More Details

10. Jssor Slider jQuery Plugin, TOUCH & RESPONSIVE

featured image

Image Gallery

Image Gallery with Vertical Thumbnail Navigator

Demo – Slideshow Effects:

Freeze slideshow/caption animation when touch

If slideshow or caption animation is running, it will freeze when touch by finger or mouse down.Continue or rollback slideshow/caption animation when release touch

If slideshow or caption animation is frozen, the animation will continue or rollback when release touch. slider (1%), slider with caption (4%), slider with slideshow (~4%)

360+ slideshow effects/transitions

Jssor slider comes with 360+ impressive slideshow effects/transitions

All UI is fully under control by html + css code. Use any html/css code to customize thumbnail to anyformat

Auto slideshow with optional pause on hover

More Details

11. Nova Gallery - Multimedia Gallery Wordpress Plugin

featured image

The standalone gallery has a 5 star rating.Nova Gallery WP makes it easy to embed the Nova Gallery – Responsive HTML5 Multimedia Gallery, in your Wordpress theme. It is a HTML5 multimedia gallery enabling you to showcase your photos/audio/video in a beautiful and sleek interface. You can have multiple sets/albums of items and can filter the gallery items based on file type or based on custom categories. The gallery allows you to showcase your Youtube/Vimeo videos and Flickr/Picasa photos from groups/sets/albums/collections. The gallery features a fluid responsive design and can fit in any screen size ranging from mobile phones to desktop browsers. The gallery also features touch-screen support and uses hardware accelerated CSS based animations wherever possible which results in smooth animations, that is especially noticeable in mobile devices. Try the gallery demos and resize your browser to see the jQuery slider responsive design of the gallery in action. The Thumbnail Grid mode features a Masonry layout and you can control the spacing between items by applying margins through css,

You can also have a slideshow of the items in the Full-width mode. This slideshow stops whenever the browser tab in which the gallery is displayed, goes out of focus (this feature only works in browsers that supports the HTML5 Page Visibility Api). Supports multiple gallery sets or albums. The gallery features a fluid responsive design to account for various screens sizes ranging from mobile phones to desktop browsers and can also be placed in a container of any width. The gallery is mobile device friendly with touch screen support. Hardware accelerated CSS animations have been used wherever possible resulting in smooth animations, which is most noticeable in mobile devices. Handy keyboard shortcuts have been provided for easier navigation of the gallery. The gallery items can also act as links to external pages

Create multiple galleries and manage them with the Gallery Manager. Can host media files in services like Amazon AWS and then insert those file links in the gallery settings page. The plugin allows you to upload media files through the WP Media Library, so you can use your previously uploaded files in the gallery too. Thumbnails for the gallery are generated automatically if you choose to, or you can upload your own thumbnails. Drag to sort gallery item order. Also shortcode for each gallery created, is visible in the Gallery Manager. Can mention a thumbnail image gallery for the gallery sets.e Thumbnail Grid or Full-width, which will be shown when the gallery first loads. Option to show a particular category of items when the gallery first loads. Shrink images in Full-width mode to fit the container when the gallery first loads. Choose to show the thumbnails in Full-width mode when the gallery first loads. Choose the animated effect for showing/hiding the Gallery Sets screen (home screen). Show the gallery either spanning the entire width of the browser or the width of its parent container. The gallery items can also act as links to external pages. You have the option to shuffle or randomly order the gallery items each time the page is refreshed. The gallery supports preloading of images in Full-width mode for smoother viewing. You can start the slideshow in Full-width mode when the gallery first loads. The time interval for which a particular item is visible during slideshow can be set. Option to set the path for the gallery configuration XML file. Option to hide the Gallery Menu

Suitable jQuery based fallbacks have been provided for all CSS based animated effects for older browsers. The image slider gallery script has been tested and is fully compatible with jQuery 1. Improved the closing/opening of the gallery menu in touch-screen devices.Fixed problem with positioning of the gallery overlay/lightbox when there were other content in the page along with the gallery. The gallery now is fully compatible with jquery 1.Fixed a bug regarding the displaying of gallery set names.

More Details